/* people/pages/calendar1/calendar1.wxss */
.container {  
  padding: 20px;  
}  
  .big{
    
    height:800rpx;
    width:700rpx;
    border-radius: 20rpx;
    border:2px solid #efefef;
    box-shadow: 5px 5px 15px rgba(0,0,0,0.3);
  }
.header {  
  margin-top: 50rpx;
  width:700rpx;
  display: flex;  
  justify-content: space-around;  
  align-items: center;  
  margin-bottom: 20px;  

}  
.pre,
.next {
  color: #6bc1c2;
  text-align: center;
  line-height: 20px;
}
.showData {
  
  width:700rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  // padding-left: 25rpx;
  // padding-right: 25rpx;

}
 
.showData .week {
  
  width:100rpx;
  height: 80rpx;
  line-height: 70rpx;
  text-align: center;
  flex-shrink: 0;
  font-size: 30rpx;
  color: #2A2A2A;
}
 
.calendar {  
  display: grid;  
  grid-template-columns: repeat(7, 1fr);  
  gap: 10px;  
  // border:2px solid #efefef;
  // box-shadow: 5px 5px 15px rgba(0,0,0,0.3);
}  
  
.day {  
  // padding: 20px;  
  text-align: center;  
  // border: 1px solid #ddd;  
  // border-radius: 5px;  
  width:80rpx;
  height:80rpx;
}  
  
.punch-status {  
  color: green;  
  font-size: 20px;  
  margin-top: -10px; /* Adjust based on your design */  
}
.day.today {  
  background-color: #6bc1c2; /* Or any other color you prefer for highlighting */  
 // border-color: #ffc107; /* Optionally, change the border color as well */  
  border-radius: 50%;
}
 .small{
  margin:20rpx;
  width:700rpx;
  height:350rpx;
  border-radius: 20rpx;
  border:2px solid #efefef;
  box-shadow: 5px 5px 15px rgba(0,0,0,0.3);
 }
text {  
  display: block;  
  margin: 10px 0;  
  font-size: 16px;  
  color: #333;  
}
.tip{
  

  width:650rpx;
  height:200rpx;

  image{
    float:right;
    height:200rpx;
    width:250rpx;
    
  }
}

.tittle{
  margin:20rpx;
  width:700rpx;
  float:left;
  font-size: 35rpx;
  font-weight: 600;
  text{
    color:#6bc1c2;

  }
 
}
.record {
  width:700rpx;
  height:100rpx;
  display: flex;
  justify-content: space-around;
  margin-top: 20rpx;
  
}
.record .record-item {
  text-align: center;
  font-size: 24rpx;
  color: #a3a3a3;
}
 .record .record-item .top {
  height: 80rpx;
  line-height: 80rpx;
  border-bottom: 1px solid #ececec;
  color: #333;

}
.record .record-item .top .num {
  font-size: 44rpx;
  font-weight: bold;
  color: #F44336;
}

// .punch-button{
//   display:flex;
//   align-items: center;
//   justify-content: center;
//   width: 700rpx;
//   height:70rpx;
//   border-radius: 40rpx;
//   background-color: #6cb1b2;
//   color:#fff;
//   font-weight: 600;
//   font-size:30rpx;
// }
